<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
	</head>
	<body>
		<!-- 表单组件---action:提交的链接地址
						method:get/post
						页面请求的两种方式
							1.get请求：会自动将页面表单中的参数拼接到url后面
							2.post请求：隐藏这些参数
		-->
		<form action="studentController" method="get">
			<h1>学生信息管理系统</h1>
			<div>
				<label>姓名:</label>
				<!-- 文本输入框,起名和其他组件区别,name和id都设置 -->
				<input type="text" name="name" id="name" />
			</div>
			<div>
				<label>年龄:</label>
				<!-- 数字输入框 -->
				<input type="number" name="age" id="age" />
			</div>
			<div>
				<label>性别:</label>
				<!-- 单选框 两个单选框命名相同,则自动归为一组,一组内只能选择一个-->
				<input type="radio" name="sex" id="sex" value="男" /> 男
				<input type="radio" name="sex" id="sex" value="女" /> 女
				<input type="radio" name="sex" id="sex" value="其他" /> 其他
			</div>
			<div>
				<label>爱好:</label>
				<!-- 多选框 名字相同,自动归为一组,后台接收是一个数组 打勾就传递 不选不传-->
				<input type="checkbox" name="hobby" id="hobby" value="唱" /> 唱
				<input type="checkbox" name="hobby" id="hobby" value="跳" /> 跳
				<input type="checkbox" name="hobby" id="hobby" value="rap" /> rap
				<input type="checkbox" name="hobby" id="hobby" value="篮球" /> 篮球
			</div>
			<div>
				<label>学历:</label>
				<!-- 下拉框 展示的内容和传递的内容 选中中文,本质数字
				 0- --- 1-小学 2-初中 3-高中 4-大专 5-本科 6-硕士研究生 7-博士研究生
				 -->
				<select name="edu" id="edu">
					<option value="0">---</option>
					<option value="1">小学</option>
					<option value="2">初中</option>
					<option value="3">高中</option>
					<option value="4">大专</option>
					<option value="5">本科</option>
					<option value="6">硕士研究生</option>
					<option value="7">博士研究生</option>
				</select>
			</div>
			<br />
			<div>
				<!-- 按钮 两种形式:早期\H5
					普通按钮---button
					提交按钮---submit:自动提到from.action指定url链接 studentC
				-->
				<!-- 早期 -->
				<input type="submit" name="save" id="save" value="保存" />
				<!-- H5规范 -->
				<button type="button" name="btnClear" id="btnClear">取消</button>
			</div>
		</form>
	</body>
</html>
